 <!-- 兼容性写法，在低版本时标签内部的文字才会显示 -->
 <canvas id="cont" width="500px" height="500px">你的浏览器版本过低,请升级浏览器或者使用chrome打开!</canvas>
 <script>
   //  获取canvas画布
   const canvas = document.querySelector('#cont')
   // 获取画布的应用上下文
   const ctx = canvas.getContext('2d')
   ctx.beginPath()
   // 移动到起点位置
   ctx.moveTo(100,100)
   // ctx.arcTo(第一个控制点X,第一个控制点点Y,第二个控制点X,第二个控制点Y, 圆弧半径);
   ctx.arcTo(200,100,200,200, 50);
   	// ctx.fill() 
     ctx.stroke()
   ctx.closePath()
 </script>